<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据中心</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/pageStyle.css">
</head>
<body>
<div class="container myChance margin_bottom">
    <div class="topTitle">
        <ul>
            <li><a href="#">客流</a></li>
            <li><a href="">驻留</a></li>
            <li class="select"><a href="">我的机会</a></li>
        </ul>
    </div>
    <div class="content">
        <ul class="statisticsTitle">
            <li class="select"><a href="#">日回顾</a><span></span></li>
            <li><a href="">周回顾</a><span></span></li>
            <li><a href="">月回顾</a><span></span></li>
        </ul>
    </div>
    <div class="chancePanel">
        <div class="panel">
            <img src="images/kll.png" alt="">
            <ul>
                <li>机会人数(人)</li>
                <li>82</li>
            </ul>
        </div>
        <span class="line"></span>
        <div class="panel">
            <img src="images/pjzl.png" alt="">
            <ul>
                <li>占总客流比</li>
                <li>20.6%</li>
            </ul>
        </div>
    </div>
    <div class="storeList">
        <div class="panel">
            <div class="ava">
                <div>
                    <img src="images/nv.png" alt="">
                    <div class="female"></div>
                </div>
                <p>25岁</p>
            </div>
            <div class="infor">
                <dl>
                    <dt>本店信息</dt>
                    <dd><span>2017.08.19</span>特斯拉电动车大冲店</dd>
                </dl>
                <dl>
                    <dt>历史信息</dt>
                    <dd><span>2017.08.06</span>特斯拉电动车世界之窗店</dd>
                </dl>
            </div>
        </div>
        <div class="panel">
            <div class="ava">
                <div>
                    <img src="images/nan.png" alt="">
                    <div class="male"></div>
                </div>
                <p>25岁</p>
            </div>
            <div class="infor">
                <dl>
                    <dt>本店信息</dt>
                    <dd><span>2017.08.19</span>特斯拉电动车大冲店</dd>
                </dl>
                <dl>
                    <dt>历史信息</dt>
                    <dd><span>2017.08.06</span>特斯拉电动车世界之窗店</dd>
                    <dd><span>2017.08.06</span>特斯拉电动车世界之窗店</dd>
                </dl>
            </div>
        </div>
        <div class="panel">
            <div class="ava">
                <div>
                    <img src="images/nv.png" alt="">
                    <div class="female"></div>
                </div>
                <p>25岁</p>
            </div>
            <div class="infor">
                <dl>
                    <dt>本店信息</dt>
                    <dd><span>2017.08.19</span>特斯拉电动车大冲店</dd>
                </dl>
                <dl>
                    <dt>历史信息</dt>
                    <dd><span>2017.08.06</span>特斯拉电动车世界之窗店</dd>
                </dl>
            </div>
        </div>
        <div class="panel">
            <div class="ava">
                <div>
                    <img src="images/nan.png" alt="">
                    <div class="male"></div>
                </div>
                <p>25岁</p>
            </div>
            <div class="infor">
                <dl>
                    <dt>本店信息</dt>
                    <dd><span>2017.08.19</span>特斯拉电动车大冲店</dd>
                </dl>
                <dl>
                    <dt>历史信息</dt>
                    <dd><span>2017.08.06</span>特斯拉电动车世界之窗店</dd>
                </dl>
            </div>
        </div>
    </div>
</div>
<ul class="footer">
    <a href="#">
        <li>
            <p class="icon icon_sy_h"></p>
            <p>首页</p>
        </li>
    </a>
    <a href="#">
        <li class="select">
            <!--<img src="images/sjzx_l.png" alt="">-->
            <p class="icon icon_sjzx_l"></p>
            <p>数据中心</p>
        </li>
    </a>
    <a href="#">
        <li>
            <!--<img src="images/sxt_l.png" alt="">-->
            <p class="icon icon_sxt_h"></p>
            <p>摄像头</p>
        </li>
    </a>
    <a href="#">
        <li>
            <!--<img src="images/w_l.png" alt="">-->
            <p class="icon icon_w_h"></p>
            <p>我</p>
        </li>
    </a>
</ul>
<script src="js/fontSize.js"></script>
<script src="js/jquery-2.1.4.js"></script>
</body>
</html>